@require "./variable.styl"

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0
  padding: 0
  border: 0
  vertical-align: baseline;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

html {
  -webkit-font-feature-settings: 'kern' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height 100%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

body {
  height 100%;
  color: $color-font;
  font-size: 14px;
  overflow-x hidden;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px
}

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .5)
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, .7)
}

.thin-scroll::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar {
  width: 7px
}

.clear-fix {
  &:after {
    content "";
    display block;
    clear both;
  }
}

/**
* app-content
*/
.app-content {
  background-color #f6f8f9;
  height 100%;

  .inner {
    width: 90%;
    max-width: 1600px;
    margin 0 auto;
  }

  .main {
    margin-bottom 40px;

    .title {
      margin 30px 0;
      font-size 25px;
      line-height 30px;
    }
  }
}

/**
* from
*/
.form-tip {
  color $color-light-grey;
  line-height 24px;
}

.m-dialog {
  .el-dialog__header {
    position absolute;
  }

  .el-dialog__body {
    padding 10px;
  }
}

/**
 * 文件上传
 */
.upload-dialog {
  .el-dialog__wrapper {
    display block;
    position fixed;
    bottom 20px;
    width 25%;
    right 20px;
    top: auto;
    left auto;
    border: 1px solid $color-border;
    box-shadow 1px 2px 5px $color-border;

    .el-dialog {
      width 100%;
      margin-bottom 0;
    }
  }

  .upload-dialog--file {
    margin-bottom 10px;
    border-bottom 1px dotted $color-border;
  }
}